<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组类型</title>
    <script>
        function f1(){
            // 表示创建一个数组对象,该数组初始长度为0
            // 在js中,数组的长度是可变的
            // 当向数组中追加元素时,数组长度会发生变化
            let arr = new Array();
            console.log(arr.length)
            // 此时为下标为1的元素赋值了,数组的下标是从0开始的
            // 因此,此时表示为第二个元素赋值,此时数组中元素数量为:2
            arr[1] = 1;
            console.log(arr.length);
            // 对于没有赋值的元素,相当于声明了未赋值
            console.log(arr[0])
        }
        function f2(){
            // 创建一个数组对象,该数组初始长度为3
            // 数组长度可变
            let arr = new Array(3);
            console.log(arr.length);
            arr[5] = 5;
            console.log(arr.length);
        }
        function f3(){
            // 创建一个数组对象,其初始元素为构造方法中的所有元素
            let arr = new Array("admin","jack","tom");
            console.log(arr.length)
            console.log(arr)

            arr[4] = "alex";

            console.log(arr.length)
            console.log(arr)

            // 当构造方法的参数是一个数字的时候,表示的是长度而不是元素
            let arr2 = new Array(1);
            console.log(arr2)
            // 如果是多个,则表示元素
            let arr3 = new Array(1,2,3);
            console.log(arr3)
        }
        function f4(){
            // JSON格式
            let arr = [1,3,5,6,8];
            console.log(arr)
        }
    </script>
</head>
<body>
<button onclick="f1()">定义方式一</button><br>
<button onclick="f2()">定义方式二</button><br>
<button onclick="f3()">定义方式三</button><br>
<button onclick="f4()">定义方式四</button><br>
</body>
</html>